<template>
	<view @tap="toDetail(item.id)" class="root">
		<image style="display: block; border-radius: 50%; margin: 25rpx 15rpx; width: 150rpx; height: 150rpx;" :src="item.articleImg"></image>
		<view style="width: 570rpx; margin: 30rpx 0;">
			<text style="font-weight: 800;">{{ subStr(0,10,item.articleTitle,'...')}}\n</text>
			<text style="color: #404040; display: block; margin-top: 10rpx;">撰稿人：{{subStr(0,10,item.articleAuthor,'...')}}\n</text>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			item: {

			}
		},
		methods: {
			toDetail(text) {
				console.log(text)
				this.$utiltg.navigateTo(`/pages/index/detail?id=${text}`)
			},
		}
	}
</script>
<style scoped>
	.root {
		display: flex;
		border-radius: 15rpx;
		width: 750rpx;
		border: 1rpx solid #CCCCCC;
		height: 200rpx;
		margin: 30rpx auto;
		box-shadow: 10rpx 10rpx 10rpx #CCCCCC;
	}
</style>
